<template>
	<div>
		<!-- <CellGroup title="门禁操作">
      <Cell is-link title="增加访客一" @click="router.push({ path: '/my/profile1' })"></Cell>
      <Cell is-link title="增加访客一" @click="router.push({ path: '/my/profile1' })"></Cell>
    </CellGroup> -->
		<!-- <span style="background-color: brown; color: white">门禁操作</span> -->
		<van-grid clickable :column-num="3">
			<template v-for="item in DoorConfig">
				<van-grid-item
					:icon="item.meta.icon"
					:text="item.meta.title"
					:to="item.path"
					v-if="item.meta.isNavBar"
				/>
			</template>
		</van-grid>
	</div>
</template>

<script setup name="DoorHik">
	import { Cell, CellGroup } from 'vant'
	import { useRouter } from 'vue-router'
	import { useUserStore } from '@/stores/user'
	import DoorConfig from '@/router/door.config'

	const userStore = useUserStore()
	const router = useRouter()

	function onLogout() {
		userStore.LogOut().then(() => {
			router.push({
				path: '/login'
			})
		})
	}
</script>
<style></style>
